<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Gestionar movimientos</ui:define>
	<ui:define name="contenido">
		<h1>Gestionar movimientos</h1>
		<h:form>
			<p:accordionPanel>
				<p:tab title="Gestionar movimientos">
					<!-- <p:panel header="Gestionar movimientos" toggleable="true"> -->
					<div class="filas">
						<div class="completo">
							<div class="tercio" style="width: 15%">
								<h:outputLabel for="fupArchivo" value="Archivo :" />
							</div>
							<div class="dostercios" style="width:84%;">
								<div class="file">
									<p:fileUpload id="fupArchivo" mode="simple"
										styleClass="fileUploadArchivo" />
								</div>
								<div class="tooltip" style="float: right;width:10% ">
									<h:graphicImage id="imgArchivo"
										url="../../../presentacion/images/help.png"></h:graphicImage>
									<p:tooltip for="imgArchivo" value="Archivo" />
								</div>
							</div>
							<p:message for="fupArchivo" />
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Ejecutar" icon="ui-icon-gear"
							onclick="confirm('Est&#225; seguro de iniciar la ejecuci&#243;n')" />

					</div>
					<div style="clear: both;"></div>
					<!--</p:panel>-->
				</p:tab>
			</p:accordionPanel>
			<h2>Datos generales</h2>
			<p:separator />

			<div class="opcionesTabla">
				<p:commandButton value="Cancelar" icon="ui-icon-close" />
				<p:commandButton value="Actualizar" icon="ui-icon-pencil" />
			<div style="clear: both;"></div>
			</div>
			<div class="scrollTabla">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="movimiento"
					value="#{movimientoService.lstMovimiento}">
					<p:column styleClass="item">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<h:outputText value="#{movimiento.sItem}" />
					</p:column>

					<p:column styleClass="archivo">
						<f:facet name="header">
							<h:outputText value="Nombre archivo" />
						</f:facet>
						<h:outputText value="#{movimiento.sNombreItem}" />
					</p:column>
					<p:column styleClass="estado">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{movimiento.sEstado}" />
					</p:column>
					<p:column styleClass="cantidad">
						<f:facet name="header">
							<h:outputText value="Cant. de leídos" />
						</f:facet>
						<h:outputText value="#{movimiento.iCanLeidos}" />
					</p:column>

					<p:column styleClass="intentos">
						<f:facet name="header">
							<h:outputText value="Intentos de carga" />
						</f:facet>
						<p:commandLink onclick="dlgErrores.show()">
							<h:outputText value="#{movimiento.iIntCarga}" />
						</p:commandLink>
					</p:column>

					<p:column styleClass="fechaHora">
						<f:facet name="header">
							<h:outputText value="Fecha de ejecuci&#243;n" />
						</f:facet>
						<h:outputText value="#{movimiento.sFecEjecucion}" />
					</p:column>

					<p:column styleClass="usuario">
						<f:facet name="header">
							<h:outputText value="Usuario de ejecuci&#243;n" />
						</f:facet>
						<h:outputText value="#{movimiento.sUsuEjecicion}" />
					</p:column>
					<f:facet name="footer">  
          			 Total registros #{fn:length(movimientoService.lstMovimiento)}  
        		</f:facet>
				</p:dataTable>
			</div>
			<div style="clear: both;"></div>
		</h:form>



		<!-- GESTIONAR MOVIMIENTO -->
		
		<p:dialog header="Errores detectados" widgetVar="dlgErrores"
			modal="true" width="600" position="top">
			<h:form>

				<h2>Seguimiento</h2>
				<p:separator />
				<div class="scrolltabla">
					<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
						style="width: 100%" value="#{errorService.lstError}" var="error">

						<p:column style="width:20%" headerText="Item">
							<h:outputText value="#{error.sItem}" />
						</p:column>

						<p:column style="width:80%" headerText="Error">

							<h:outputText value="#{error.sError}" />
						</p:column>


						<f:facet name="footer">  
          			 Total registros #{fn:length(errorService.lstError)}  
        		</f:facet>
					</p:dataTable>
				</div>
				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>
	</ui:define>

</ui:composition>